import { Component } from 'react'
import { View, Text, Swiper, SwiperItem, Image } from '@tarojs/components'
import { AtDivider, AtTabs, AtTabsPane, AtGrid  } from 'taro-ui'
import CustomHeader from '../components/CustomHeader/index'
import CustomNotice from '../components/CustomNotice/index'
import CustomAtTabs from '../components/CustomAtTabs/index'
import CustomSwiper from '../components/CustomSwiper/index'

import './index.scss'

export default class Index extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      value: 0
    }
  }

  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View>
        {/* 首页头部 */}
        <CustomHeader></CustomHeader>
        {/* swiper活动广告栏 */}
        <CustomSwiper></CustomSwiper>
        {/* 导航标签页 */}
        <CustomAtTabs></CustomAtTabs>
        {/* 分割线 */}
        <AtDivider content='' />
        {/* 通知栏 */}
        <CustomNotice></CustomNotice>
      </View>
    )
  }
}
